﻿<div class="modal fade" id="full" tabindex="-1" role="basic" aria-hidden="true">
    <div class="modal-dialog modal-full">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                </button>
                <h4 class="modal-title">
                    Modal Title</h4>
            </div>
            <div class="modal-body">
                <div class="tabbable-custom ">
                    <ul class="nav nav-tabs ">
                        <li class="active"><a data-toggle="tab" href="#tab_5_1">Ảnh</a></li>
                        <li class=""><a data-toggle="tab" href="#tab_5_2">Video</a></li>
                    </ul>
                    <div class="tab-content">
                        <div id="tab_5_1" class="tab-pane active">
                                <div class="col-md-6">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="icon-reorder"></i>Default Form
                                        </div>
                                    </div>
                                    <div class="portlet-body">
                                        <div role="grid" class="dataTables_wrapper form-inline" id="sample_2_wrapper">
                                            <div class="row">
                                                <div class="col-md-6 col-sm-12">
                                                    <div id="sample_2_length" class="dataTables_length">
                                                        <label>
                                                            <div class="select2-container form-control input-xsmall" id="s2id_autogen1">
                                                                <a tabindex="-1" class="select2-choice" onclick="return false;" href="javascript:void(0)">
                                                                    <span class="select2-chosen">5</span><abbr class="select2-search-choice-close"></abbr>
                                                                    <span class="select2-arrow"><b></b></span></a>
                                                                <input type="text" class="select2-focusser select2-offscreen" id="s2id_autogen2"><div
                                                                    class="select2-drop select2-display-none select2-with-searchbox">
                                                                    <div class="select2-search">
                                                                        <input type="text" class="select2-input" spellcheck="false" autocapitalize="off"
                                                                            autocorrect="off" autocomplete="off">
                                                                    </div>
                                                                    <ul class="select2-results">
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <select name="sample_2_length" size="1" aria-controls="sample_2" class="form-control input-xsmall select2-offscreen"
                                                                tabindex="-1">
                                                                <option value="5" selected="selected">5</option>
                                                                <option value="15">15</option>
                                                                <option value="20">20</option>
                                                                <option value="-1">All</option>
                                                            </select>
                                                            records</label></div>
                                                </div>
                                                <div class="col-md-12 col-sm-12">
                                                    <div class="dataTables_filter" id="sample_2_filter">
                                                        <label>
                                                            Search:
                                                            <input type="text" aria-controls="sample_2" class="form-control input-small"></label></div>
                                                </div>
                                            </div>
                                            <div class="table-scrollable">
                                                <table id="sample_2" class="table table-striped table-bordered table-hover dataTable"
                                                    aria-describedby="sample_2_info">
                                                    <thead>
                                                        <tr role="row">
                                                            <th style="width: 47px;" class="sorting_disabled" role="columnheader" rowspan="1"
                                                                colspan="1" aria-label="">
                                                                <div class="checker">
                                                                    <span class="">
                                                                        <input type="checkbox" data-set="#sample_2 .checkboxes" class="group-checkable"></span></div>
                                                            </th>
                                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1"
                                                                colspan="1" style="width: 135px;" aria-label="Username: activate to sort column ascending">
                                                                Username
                                                            </th>
                                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1"
                                                                colspan="1" style="width: 225px;" aria-label="Email: activate to sort column ascending">
                                                                Email
                                                            </th>
                                                            <th class="sorting" role="columnheader" tabindex="0" aria-controls="sample_2" rowspan="1"
                                                                colspan="1" style="width: 116px;" aria-label="Status: activate to sort column ascending">
                                                                Status
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody role="alert" aria-live="polite" aria-relevant="all">
                                                        <tr class="gradeX odd">
                                                            <td class="  sorting_1">
                                                                <div class="checker">
                                                                    <span class="">
                                                                        <input type="checkbox" value="1" class="checkboxes"></span></div>
                                                            </td>
                                                            <td class=" ">
                                                                shuxer
                                                            </td>
                                                            <td class=" ">
                                                                <a href="mailto:shuxer@gmail.com">shuxer@gmail.com</a>
                                                            </td>
                                                            <td class=" ">
                                                                <span class="label label-sm label-success">Approved</span>
                                                            </td>
                                                        </tr>
                                                        <tr class="gradeX even">
                                                            <td class="  sorting_1">
                                                                <div class="checker">
                                                                    <span class="">
                                                                        <input type="checkbox" value="1" class="checkboxes"></span></div>
                                                            </td>
                                                            <td class=" ">
                                                                looper
                                                            </td>
                                                            <td class=" ">
                                                                <a href="mailto:looper90@gmail.com">looper90@gmail.com</a>
                                                            </td>
                                                            <td class=" ">
                                                                <span class="label label-sm label-warning">Suspended</span>
                                                            </td>
                                                        </tr>
                                                        <tr class="odd gradeX">
                                                            <td class="  sorting_1">
                                                                <div class="checker">
                                                                    <span class="">
                                                                        <input type="checkbox" value="1" class="checkboxes"></span></div>
                                                            </td>
                                                            <td class=" ">
                                                                userwow
                                                            </td>
                                                            <td class=" ">
                                                                <a href="mailto:userwow@yahoo.com">userwow@yahoo.com</a>
                                                            </td>
                                                            <td class=" ">
                                                                <span class="label label-sm label-success">Approved</span>
                                                            </td>
                                                        </tr>
                                                        <tr class="odd gradeX even">
                                                            <td class="  sorting_1">
                                                                <div class="checker">
                                                                    <span class="">
                                                                        <input type="checkbox" value="1" class="checkboxes"></span></div>
                                                            </td>
                                                            <td class=" ">
                                                                user1wow
                                                            </td>
                                                            <td class=" ">
                                                                <a href="mailto:userwow@gmail.com">userwow@gmail.com</a>
                                                            </td>
                                                            <td class=" ">
                                                                <span class="label label-sm label-default">Blocked</span>
                                                            </td>
                                                        </tr>
                                                        <tr class="odd gradeX">
                                                            <td class="  sorting_1">
                                                                <div class="checker">
                                                                    <span class="">
                                                                        <input type="checkbox" value="1" class="checkboxes"></span></div>
                                                            </td>
                                                            <td class=" ">
                                                                restest
                                                            </td>
                                                            <td class=" ">
                                                                <a href="mailto:userwow@gmail.com">test@gmail.com</a>
                                                            </td>
                                                            <td class=" ">
                                                                <span class="label label-sm label-success">Approved</span>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-5 col-sm-12">
                                                    <div class="dataTables_info" id="sample_2_info">
                                                        Showing 1 to 5 of 12 entries</div>
                                                </div>
                                                <div class="col-md-7 col-sm-12">
                                                    <div class="dataTables_paginate paging_bootstrap">
                                                        <ul class="pagination">
                                                            <li class="prev disabled"><a title="Prev" href="#"><i class="icon-angle-left"></i></a>
                                                            </li>
                                                            <li class="active"><a href="#">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li><li
                                                                class="next"><a title="Next" href="#"><i class="icon-angle-right"></i></a></li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>    
                                    </div>                
                                <div class="col-md-3 ">
                    <div class="portlet box purple ">
                  <div class="portlet-title">
                     <div class="caption">
                        <i class="icon-reorder"></i> Horizontal Form Height Sizing
                     </div>
                     <div class="tools">
                        <a class="collapse" href=""></a>
                        <a class="config" data-toggle="modal" href="#portlet-config"></a>
                        <a class="reload" href=""></a>
                        <a class="remove" href=""></a>
                     </div>
                  </div>
                  <div class="portlet-body form">
                     <form role="form" class="form-horizontal">
                        <div class="form-body">
                           <div class="form-group">
                              <label class="col-md-3 control-label">Large Input</label>
                              <div class="col-md-9">
                                 <input type="text" placeholder="Large Input" class="form-control input-lg">
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-md-3 control-label">Default Input</label>
                              <div class="col-md-9">
                                 <input type="text" placeholder="Default Input" class="form-control">
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-md-3 control-label">Small Input</label>
                              <div class="col-md-9">
                                 <input type="text" placeholder="Default Input" class="form-control input-sm">
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-md-3 control-label">Large Select</label>
                              <div class="col-md-9">
                                 <select class="form-control input-lg">
                                    <option>Option 1</option>
                                    <option>Option 2</option>
                                    <option>Option 3</option>
                                    <option>Option 4</option>
                                    <option>Option 5</option>
                                 </select>
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-md-3 control-label">Default Select</label>
                              <div class="col-md-9">
                                 <select class="form-control">
                                    <option>Option 1</option>
                                    <option>Option 2</option>
                                    <option>Option 3</option>
                                    <option>Option 4</option>
                                    <option>Option 5</option>
                                 </select>
                              </div>
                           </div>
                           <div class="form-group">
                              <label class="col-md-3 control-label">Small Select</label>
                              <div class="col-md-9">
                                 <select class="form-control input-sm">
                                    <option>Option 1</option>
                                    <option>Option 2</option>
                                    <option>Option 3</option>
                                    <option>Option 4</option>
                                    <option>Option 5</option>
                                 </select>
                              </div>
                           </div>
                        </div>
                        <div class="form-actions right">                           
                           <button class="btn default" type="button">Cancel</button>  
                           <button class="btn green" type="submit">Submit</button>                            
                        </div>
                     </form>
                  </div>
               </div></div>
                         <div id="tab_5_2" class="tab-pane">
                    <p>
                        Howdy, I'm in Section 2.</p>
                    <p>
                        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis
                        nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit
                        in vulputate velit esse molestie consequat. Ut wisi enim ad minim veniam, quis nostrud
                        exerci tation.
                    </p>
                    <p>
                        <a target="_blank" href="ui_tabs_accordions_navs.html#tab_5_2" class="btn green">Activate
                            this tab via URL</a>
                    </p>
                </div>
                    </div>
                    </div>
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn default" data-dismiss="modal">
            Close</button>
        <button type="button" class="btn blue">
            Save changes</button>
    </div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div> 